<template>
<!-- 商品介绍 -->
  <main class="introduction bg-fff pt-15 pl-15 pr-15" style="height: 275px;">
      <div class="container">
        <h4 class="f16">
          <span
            class="label fff f14 mr-10 "
            style="background-color: rgb(120, 160, 200); padding: 1px 5px">直降</span>
          <span
            class="label fff f14 "
            style="background-color: rgb(145, 188, 111); padding: 1px 5px">包邮</span>
          {{ detail.masterName }}{{ detail.slaveName}}
        </h4>
        <p class="gray pt-10 f14">果园生态种植 皮薄香甜爽口 富含天然维c</p>
        <p class="count-money flex jc-sb aic pt-10">
          <span class="money red f20">
            <span class="mr-5"    style="color: #c03131;" >￥44.9</span>
            <span class="f12 gray" style="text-decoration: line-through;">￥56.9</span>
          </span>
          <span class="gray f12">3932人购买</span>
        </p>
      </div>
      <!-- 数目弹窗 点击跳出一个窗口先写静态 -->
      <li class="item-cell pt-10 pl-15 pr-15 pb-15" >
        <p class="flex jc-sb aic">
          <span class="gray f16">规格：<span style="color: #333;">X 1</span></span>
          <van-icon name="arrow" />
        </p>
        <p class="flex jc-sb aic">
          <span class="gray f16"
            >配送至：<span style="color: #333;">上海黄浦区非机动...</span></span>
          <van-icon name="arrow" />
        </p>
        <p class="flex jc-sb aic">
          <span class="gray f16">包邮</span>
        </p>
      </li>
      
    </main>
</template>

<script>
export default {
  props: ['detail']

}
</script>

<style lang="less" scoped>
@import "info.less";

</style>
